@extends('admin::layouts.master')
@section('content')
    <div class="card" id="app">
        <div class="card-header">轮播图管理</div>
        <div class="tab-container">
            <ul role="tablist" class="nav nav-tabs">
                <li class="nav-item"><a href="/slider/slider" class="nav-link active">轮播图列表</a></li>
                <li class="nav-item"><a href="/slider/slider/create" class="nav-link">添加轮播图</a></li>
            </ul>
            <div class="card card-contrast card-border-color-success">
                <div class="card-body">
                    <table class="table">
                        <thead>
                        <tr>
                            <th style="width: 10%;">编号</th>
                            {{--<th>地址</th>--}}
                            <th>跳转地址</th>
                            <th>缩略图</th>
                            <th>是否显示</th>
                            <th>创建时间</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach($slider as $v)
                            <tr>
                                <td>{{$v['id']}}</td>
                                {{--<td>{{$v['thumb']}}</td>--}}
                                <td>{{$v['url']}}</td>
                                <td><img src="{{$v['thumb']}}" style="height: 80px"></td>
                                <td>{!!$v['is_show']?'显示':'隐藏'!!}</td>
                                <td>{{$v['created_at']}}</td>
                                <td style="display: block">
                                    <a style="float: left;"  href="{{route('slider.edit',$v['id'])}}" class="btn btn-success ">编辑</a>

                                    <form action="{{route('slider.destroy',$v['id'])}}" method="post">
                                        @csrf
                                        @method('DELETE')
                                        <button  type="submit" class="btn btn-primary ml-2">删除</button>
                                    </form>
                                </td>
                            </tr>

                        @endforeach
                        {{--@foreach($data as $d)--}}
                            {{--<tr>--}}
                                {{--<td>{!! $d['id'] !!}</td>--}}
                                {{--<td>{!! $d['title'] !!}</td>--}}
                                {{--<td>{!! $d['author'] !!}</td>--}}
                                {{--<td><img src='{!! $d['thumb'] !!}' style='width:45px;height:45px;'/></td>--}}
                                {{--<td>{{$d->moxin->shopname}}</td>--}}
                                {{--<td>--}}
                                    {{--{!! $d['iscommend']==1?'是':'否' !!}--}}
                                {{--</td>--}}
                                {{--<td>{!! $d['created_at'] !!}</td>--}}
                                {{--<td>{!! $d['updated_at'] !!}</td>--}}
                                {{--<td class="text-right">--}}
                                    {{--<a href="/shop/article/{{$d['id']}}/edit" class="btn btn-secondary">编辑</a>--}}
                                    {{--<button type="button" class="btn btn-secondary btn-danger" onclick="del({{$d['id']}},this)">删除</button>--}}
                                    {{--<form action="/shop/article/{{$d['id']}}" hidden method="post">--}}
                                        {{--@csrf @method('DELETE')--}}
                                    {{--</form>--}}
                                {{--</td>--}}
                            {{--</tr>--}}
                        {{--@endforeach--}}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="float-right">
        {{--{!!  $data->links() !!}--}}
    </div>
@endsection
@section('script')
    <script>
        function del(id, el) {
            if (confirm('确定删除吗？')) {
                $(el).next('form').trigger('submit')
            }
        }
    </script>
@endsection
